<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<script src="jquerys.js">  </script>
	<title>ajax-fordata数据</title>
</head>
	<style>
		div{
			width: 300px;
			margin: 10px auto;
		}
	</style>
	<body>
		<div>
			<!--action:设置表单提交之后的跳转路径,默认的请求是get
				get请求:请求数据保存在请求行中,即在网址栏中,路径后面直接跟随请求数据
					结构:/路径?name=value&&name=value;
					请求头 请求行 空行 请求体
				post:请求数据保存在请求体中
			-->
			<!--使用form表单提交的请求,页面自动跳转至其他页面-->
		<form action="index.html" method="post" enctype="multipart/form-data"><br /><br /><br />
			<input type="text" name="username" id="username" value="" placeholder="请输入用户名"/><br /><br />
			<input type="password" name="paddword" id="paddword" value="" placeholder="请输入密码" /><br /><br />
			<input type="file" name="photo" id="photo" value="" /><br /><br />
			<button type="submit"> 提交 </button>
		</form>
	</div>
</body>
<script>
	$('form').submit(function(ev){
		ev.preventDefault();
		var data = new FormData(this);
		//增加fordata对象的数据
		data.append('time',new Date());
		
		$.post({
			url:'index.html',
			data:data,
			//阻止ajax默认的数据转换成字符串,提交自己所设置的类型!
			processData:false,
			//默认的内容类型是urlencoded,阻止默认的内容类型,设置什么类型,就提交什么类型
			contentType:false,
			success:function(){
				
			}
		})
		
	})
</script>
</html>